    * {
	border: 0;
	margin: 0;
	padding: 0;
}

article, figcaption, figure, footer, header, hgroup, nav, section{
	display: block;
}

@font-face {
    font-family: 'action_manregular';
    src: url('../fonts/action_man-webfont.eot');
    src: url('../fonts/action_man-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/action_man-webfont.woff') format('woff'),
         url('../fonts/action_man-webfont.ttf') format('truetype'),
         url('../fonts/action_man-webfont.svg#action_manregular') format('svg');
    font-weight: normal;

}

@font-face {
    font-family: 'Chalet';
    src: url('../fonts/Chalet.eot');
    src: url('../fonts/Chalet.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Chalet.woff') format('woff'),
         url('../fonts/Chalet.ttf') format('truetype'),
         url('../fonts/Chalet.svg#Chalet') format('svg');
    font-weight: normal;
}

body{
	background: #B8B8B8;
	color: black;
	font-family: /*"kaushan_scriptregular",*/"action_manregular", "Chalet", Verdana;
	font-size: 1.25em;
        
}

a{
	color: #000014;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #CC3300;
}

figcaption{
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;
}

header h1, img, section#buscar, section#session{
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

img, video{
	max-width: 100%;
}

h1{
	color: #000014;
	margin: 0.25em auto;
	text-shadow: 5px 5px 10px #333343;
}

header{
	background: #336699;
	border: 0.1em dashed;
	border-left: 0;
	border-right: 0;
        box-shadow: 5px 5px 10px #333343;
	/*border-radius: 0.5em;*/
	margin: 0.5em auto;
	max-width: 100%;
	padding: 0.25em;
}

nav, footer{
	background: #336699;
	border: 0.1em solid;
	border-radius: 0.5em;
        box-shadow: 5px 5px 10px #333343;
	margin: 0.5em auto;
	max-width: 95%;
	padding: 0.25em;
}

nav li, nav ul{
	display: inline-block;
	padding: 0.1em;
	vertical-align: top;
}

ul{
	list-style: none;
}

li{
	/*display: inline-block;*/
	padding: 0;
	vertical-align: top;
}

ul a{
	background: #75A319;
	border: 0.1em solid #000014;
	border-radius: 0.50em;
	display: block;
	font-size: 1em;
	padding: 0.1em;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

ul a:hover{
	background: #ACC875;
	border: 0.1em dashed #000014;
	border-radius: 0 0.5em 0 0.5em;
	display: block;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

section#contenido, section.CONTENIDO, section#datosJuego, section#datosJuegoIZQ,
section#datosPerfil, section#datosPerfilIZQ, section#busqueda{
	background: #75A319;
	border: 0.1em dashed;
	border-radius: 0.5em;
        box-shadow: 5px 5px 10px #333343;
	margin: 0.5em auto;
	max-width: 90%;
	padding: 0.25em;
	text-align: center;
}

section#busqueda{
	background: #ACC875;
	border: 0.1em solid;
	border-radius: 0.5em;
        box-shadow: 5px 5px 10px;
	margin: 0.5em auto;
	max-width: 75%;
	padding: 0.25em;
	text-align: center;
}

form#frmFiltro, #btnBuscar{
        display: inline; 
}

li.buscar{
	border: 0.15em solid;
	border-radius: 1em;
        padding: 0.25em;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

li.buscar:hover{
	border: 0.20em solid #CC3300;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

p.desc{
        color: #000033;
        font-size: 0.8em;
	text-shadow: 5px 5px 10px #333343;
}

label{
        color: #ACC875;
        font-weight: bold;
	text-shadow: 5px 5px 10px #333343;
}

section#categorias, #juegos, #juegosVersiones, #graficas{
	background: #336699;
	border: 0.1em solid;
	border-radius: 0.5em;
	display: inline-block;
	max-width: 25%;
	/*min-height: 300px;*/
	padding: 0.25em;
	vertical-align: top;
	width: 25%;
}

section#datosJuego, section#datosPerfil{
	background: /*#75A319;*/#336699;
        vertical-align: middle;
        text-align: left;
        box-shadow: 5px 5px 10px #333343; 
}

section#datosJuegoIZQ, section#datosPerfilIZQ{
        background: #ACC875; 
        border: 0.1em #333343 double;
        box-shadow: 5px 5px 10px #333343; 
	text-shadow: 5px 5px 10px #333343; 
        
}

#juegos{
	background: #B8B8B8;
	max-width: 70%;
	min-height: 80%;
	width: 70%;
}

#graficas{
	background: white;
	max-width: 90%;
	min-height: 80%;
	width: 85%;    
}

/*.graf{
        border: 0.1em #333343;
        text-align: center;
	border: 0.1em solid;
	border-radius: 0.5em;    
        
}*/

/*#line{
    
    width: 800px; 
    height: 400px;    
    
}*/

#txtBuscar{
        height: 25px;
	font-family: 'action_manregular';
	font-weight: bold;
	width: 300px;
}

#btnBuscar, #txtBuscar, #home, .iniciarSesion, .confirmar{
	background: #B8B8B8;
	border: 0.2em solid;
	border-radius: 0.30em;
	box-shadow: 0.2em 0.2em;
	padding: 0.1em;
	display: inline-block;
	vertical-align: middle;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

#btnBuscar:hover, #txtBuscar:hover, #home:hover, .iniciarSesion:hover, 
#subirArchivo:hover , .confirmar:hover{
	background: #75A319;
	border: 0.2em dashed;
	box-shadow: 0.5em 0.5em;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

select#filtro, select#orden{
	background: #336699;
	border: 0.2em solid;
        border-radius: 0.3em;
	box-shadow: 0.1em 0.1em;
        font-weight: bold;
	font-family: 'action_manregular';
        font-size: 0.7em;
        color: black;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;

}

/*input.juegosCompra:hover{
	background: #ACC875;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out
}*/

label#lblJuego{
        color: black;
}

a.linkCompra {
	background: #75A319;
	border: 0.15em solid;
        border-radius: 0.5em;
	box-shadow: 0.1em 0.1em;
        font-size: 0.9em;
        font-weight: bold;
	font-family: 'action_manregular';  
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

a.linkCompra:hover {
	background: #99B2CC;
	border: 0.2em solid black;
        /*border-radius: 0 0.5em 0 0.5em;*/
	box-shadow: 0.1em 0.1em;
        color: #0F1F2E;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out
}

#tblJuegos, #tblPerfil{
        border-bottom: 0.15em solid;
        display: block;
        text-align: center;
        display:-webkit-box;
        -webkit-box-pack:center;
        -webkit-box-align:center;
}

table#verReclamos th {
	color: orangered;
	background-color: black;
	text-align: center;
	border-style: solid;
        border-radius: 0.5em;
	border-width: 1px;
	border-color: black;
	padding: 3px;	
}

table#verReclamos tr:hover {

        border-radius: 0.5em;
	color: orangered;
	
}

table#verReclamos td{
	border: 0.15em solid;
        border-radius: 0.5em;
	border-color: black;
	padding: 3px;
}

.filaIMPAR {
	background: #99ADC2;
}

.filaPAR {
	background: #99C299;
}

.filaPAR:hover, .filaIMPAR:hover {
	background-color: lightblue;
}

.filaPIE {
	font-weight: bold;
        background-color: black;
	color: orangered;
	text-align: center;
        border-radius: 0.6em;
	border-style: solid;
	border-width: 1px;
}

.txt, .btn, input.juegosCompra, select#idJuego{
    
	font-family: 'action_manregular';
	font-weight: bold;   
        border-radius: 0.6em;
	border: 0.15em solid;
        
}

.txt:hover, .btn:hover, input.juegosCompra:hover, select#idJuego:hover{
	background: lightblue;
        border-color: black;
}

#txtBuscar:hover{
	background: #ACC875;
}

#btnBuscar{
	background-image: url("../img/search.png");
        width: 42px;
        height: 36px;
}

#btnBuscar:hover{
	background-image: url("../img/search.png");
}

.iniciarSesion{
	font-family: 'action_manregular';
	font-weight: bold;
	font-size: 0.1em;
	height: 30%;
	width: 50%;
	text-align: center;
}

#logo, #imgPerfil, #imgJuego{
	width: 8%;
	height: 8%;
}

#imgQR{
    
    width: 100px;
    height: 100px;    
    border: 0.1em transparent;
    border-radius: 0.5em;
    
}

/*#imgPerfil, #imgBus, #imgJuego{
        width: 80px;
        height: 80px;
}*/

#imgJuego, #imgPerfil, #imgBus{
    
    width: 100px;
    height: 100px;    
    border: 0.1em transparent;
    border-radius: 0.5em;
    
}

.userLink, .iniciarSesion{
	font-size: 0.8em;
	display: inline-block;
	vertical-align: middle;
}

.images{
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	opacity: 1;
	filter:alpha(opacity=10);
}

.images:hover{
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0.7;
	filter:alpha(opacity=0.7);
}

/* Medias Querys*/

@media(max-width:1081px){
	header h1{
		font-size: 0.6em;
	}
	
	.session{

	}
}

#IMG_LogoUsuario{

color: red;

    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
    border: 0.1em transparent;
    border-radius: 0.5em;
   
}
/*Pop Up*/